<template>
  <div class="border">
    <div class="zz">
      <div class="zz1">
        <div class="zz2">
          <div class="zz3">
            <img src="../assets/首页_slices/打造前程标志(1).jpg" />
          </div>
          <div class="zz4">
            <li>首页</li>
            <li>集团概况</li>
            <li>集团产业</li>
            <li>集团新闻</li>
            <li>合作院校</li>
            <li>联系我们</li>
            <li>招聘信息</li>
          </div>
        </div>
      </div>
      <div class="zz5">
        <div class="zz6">
          <h1>集团产业 · 电商板块</h1>
        </div>
      </div>
      <div class="zz7">
        <div class="zz8">
          <h2>当前位置：首页 > 新闻中心 ></h2>
        </div>
      </div>
    </div>
    <div class="z">
      <div class="z1">
        <div class="z2">电商板块</div>
      </div>
      <div class="z3">
        <div class="z4">
          <div class="z5">
            随着信息时代的到来和电商行业的深度调整、发展，传统行业逐渐向新兴行业转变，更多的行业参与到越来越大众化的电商行业中来。打造前程电商板块契合经济发展方向，以技术创新为驱动，以数字化管理为保障，汇集网店运营、跨境电商、新媒体营销、短视频直播、校园新零售等多样化的运营模式，与河南省多所院校合作，联合建立校园电商实训中心和产教融合电商实训孵化基地，打造高附加值电商新生态产业链。
          </div>
          <div class="z6">
            <img src="../assets/电商_slices/摄图网_500431060_banner.png" />
          </div>
        </div>
        <div class="z7">
          <div class="z8">
            <img
              src="../assets/电商_slices/摄图网_500548327_banner_商务金融云购物（非企业商用）.png"
            />
          </div>
          <div class="z9">
            <div class="z10">网店运营</div>
            <div class="z11">
              电商事业部店铺运营业务主要以淘宝、京东、拼多多店为主，经营主要产品为化妆品、生鲜等，与广州等地多个品牌厂商建立了合作关系，丰富自有品牌“知行云伊”的产品线；生鲜主要服务于地方特色农副产品的电商化，如推动中牟大蒜、玉米等在网上热销。主要店铺有：知行云护肤拼多多专营店、蜗牛拼多多专卖店、茵妆拼多多专卖店等。随着规模的不断扩大，集团公司将逐渐拓宽自有产品的类型、店铺类型，加大力度服务农副产品，提升企业价值。
            </div>
          </div>
        </div>
        <div class="z12">
          <div class="z13">
            <div class="z14">垂直电商</div>
            <div class="z15">
              随着5G时代的来临，短视频、商业直播正逐渐成为电子商务和网络营销发展的核心方向，与国内知名的新媒体平台如今日头条、抖音直播、酷狗直播、淘宝直播等，建立了良好的合作关系，在图文自媒体、短视频、直播等新兴垂直电商领域联合开展培训课程。集团公司也投入大量资金配备先进的直播实训室，目前已合作的平台有：抖音直播、拼多多直播等，下一步还将开通快手直播和京喜直播等。
            </div>
          </div>
          <div class="z16">
            <img
              src="../assets/电商_slices/摄图网_500500411_banner_app（非企业商用）.png"
            />
          </div>
        </div>
        <div class="z17">
          <div class="z18">
            <img src="../assets/电商_slices/实训室.png" />
          </div>
          <div class="z19">
            <div class="z20">创业孵化</div>
            <div class="z21">
              电商事业部与高校合作，联合建立校园电商实训中心和产教融合电商实训孵化基地，培养新型互联网应用人才。实训项目包括网店运营、网店美工、跨境电商、营销实战、微信营销、自媒体营销等，将店铺交给学生运营、直播平台由学生来操作等，每年培养的学生在2000人以上。
              践行
              “四真”，即真企业、真项目、真实习、真绩效的教学模式，引入多家企业资源，为学生提供创新创业项目。积极探索学生在产境、学境、研境、创境下的体验式学习、参与式学习、群组性学习、探究性学习等学习方式，结合真实企业项目，培养企业真实需求的人才，整合当地电商产业优质企业，引进项目，输出人才，建立产教融合生态圈。
            </div>
          </div>
        </div>
      </div>
    </div>
    <BeauTial></BeauTial>
  </div>
</template>
<script>
import BeauTial from "/桌面/dzqc/src/components/BeauTial.vue";
export default {
  name: "LxWm",
  components: {
    BeauTial,
  },
};
</script>
<style scoped>
.zz {
  width: 1920px;
  height: 428px;
  /* border: 1px solid red; */
}
.zz1 {
  width: 1920px;
  height: 56px;
  margin-top: 23px;
  display: flex;
  /* border: 1px solid red; */
}
.zz2 {
  width: 1200px;
  height: 54px;
  display: flex;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.zz3 {
  margin-top: -6px;
}
.zz4 {
  width: 656px;
  height: 22px;
  display: flex;
  margin-left: 363px;
  list-style-type: none;
  margin-top: 16px;
  /* border: 1px solid red; */
}
.zz4 li {
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 22px;
  padding-left: 34px;
}
.zz5 {
  width: 1920px;
  height: 300px;
  background: url(../assets/电商_slices/矿山.png);
  /* border: 1px solid red; */
}
.zz6 {
  width: 320px;
  height: 78px;
  padding-top: 115px;
  margin-left: 852px;
  /* border: 1px solid red; */
}
.zz6 h1 {
  font-size: 36px;
  font-weight: 500;
  color: #ffffff;
  line-height: 50px;
}
.zz7 {
  width: 1920px;
  height: 46px;
  /* border: 1px solid red; */
}
.zz8 {
  width: 227px;
  height: 17px;
  margin-left: 360px;
  margin-top: 15px;
  border: 1px solid white;
}
.zz8 h2 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 2px;
}
.z {
  width: 1920px;
  height: 2200px;
  /* border: 1px solid red; */
}
.z1 {
  width: 1200px;
  height: 45px;
  margin-left: 360px;
  margin-top: 15px;
  /* border: 1px solid red; */
}
.z2 {
  width: 160px;
  height: 45px;
  font-size: 32px;
  font-weight: 500;
  color: #444444;
  line-height: 45px;
  margin-left: 520px;
}
.z3 {
  width: 1200px;
  height: 2056px;
  margin-left: 360px;
  margin-top: 45px;
  /* border: 1px solid red; */
}
.z4 {
  width: 1200px;
  height: 300px;
  display: flex;
  /* border: 1px solid red; */
}
.z5 {
  width: 600px;
  height: 240px;
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 40px;
  margin-top: 30px;
}
.z6 {
  width: 500px;
  height: 300px;
  margin-left: 100px;
  /* border: 1px solid red; */
}
.z7,
.z12,
.z17 {
  width: 1200px;
  height: 512px;
  display: flex;
  /* border: 1px solid red; */
}
.z7 {
  margin-top: 80px;
}
.z12,
.z17 {
  margin-top: 60px;
}
.z8,
.z18 {
  width: 706px;
  height: 455px;
  /* border: 1px solid red; */
}
.z9,
.z19 {
  width: 560px;
  height: 460px;
  margin-top: 52px;
  background: #f8f8f8;
  position:relative;
  right: 66px;
  /* border: 1px solid red; */
}
.z10,
.z14,
.z20 {
  font-size: 24px;
  font-weight: 500;
  color: #444444;
  line-height: 33px;
  margin-left: 52px;
  margin-top: 76px;
}
.z11,
.z15 {
  width: 455px;
  height: 256px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 32px;
  margin-top: 19px;
  margin-left: 52px;
}
.z13 {
  width: 560px;
  height: 460px;
  margin-top: 52px;
  background: #f8f8f8;
  position: absolute;
  /* border: 1px solid red; */
}
.z16 {
  width: 706px;
  height: 455px;
  margin-left: 494px;
  /* border: 1px solid red; */
}
.z21 {
  width: 455px;
  height: 352px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 32px;
  margin-top: 19px;
  margin-left: 52px;
}
</style>